<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../fonts/element-icons.ttf">
    <link rel="stylesheet" href="../fonts/element-icons.woff">
    <link rel="stylesheet" href="../css/ele.css">
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/url.js"></script>
    <!-- <script src="../node_modules/element-ui/lib/index.js"></script> -->
    <script src="../js/ele.js"></script>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/qqyxk.css">
    <script src="../js/Mixin.js"></script>
    <script src="../js/crypto-js.min.js"></script>
    <script src="../js/aes.js"></script>
</head>
<style>
    .select0 .el-select>.el-input {
        font-size: 20px;
        font-weight: 500;
        width: 180px;
        color: #333333;
    }

    .select0 .el-input__inner {
        background-color: #fff;
    }

    .select1 {
        margin-left: 32px;
    }

    .select1 .el-input__inner {
        font-size: 15px;
        width: 140px;
        height: 38px;
        background: #FAFAFA;
        border-radius: 25px 25px 25px 25px;
    }
</style>

<body>
    <div id="app">
        <!-- 头部 -->
        <header>
            <div class="heart ng-scope" ng-controller="HeartForm">
                <div class="logo" @click="goHome">
                    <img src="../image/index/logo.png" alt="" style="width: 123px;height: 59px;margin-top: 8px;">
                    <div style="width: 1px;
                    height: 24px;
                    background: #333333;
                    margin-top: 7%;
                    margin-right: 9px;"></div>
                    <div>留学大数据，智能选校专家</div>
                </div>
                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="menuSelect">
                    <el-submenu index="1">
                        <template slot="title">产品</template>
                        <div class="chanpin">
                            <ul class="unav">
                                <li :class="[activenavliIndex==0?'activenavli':'']" @click="unavclcik(0)">全球院校库</li>
                                <li :class="[activenavliIndex==1?'activenavli':'']" @click="unavclcik(1)">智能选校系统</li>
                            </ul>
                            <div style="margin-left: 53px;" v-if="activenavliIndex==0">
                                <div class="ltitle"> <img src="../image/index/quanqiu.png" alt=""
                                        style="width: 26px;vertical-align: bottom;">
                                    全球院校库</div>
                                <div class="lcontent">
                                    <!-- <div> -->
                                    <ul v-for="(item,index) in headerList" :key="index">
                                        <li>{{item.name}}</li>
                                        <li v-for="i in item.universityItems" @click="qqyxkClick(item.id,i.id)">
                                            {{i.name}}院校库
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div style="margin-left: 53px;" v-if="activenavliIndex==1">
                                <div class="ltitle"> <img src="../image/index/quanqiu.png" alt=""
                                        style="width: 26px;vertical-align: bottom;">
                                    智能选校系统</div>
                                <div class="lcontent">
                                    <div>
                                        <ul>
                                            <li v-for="(i,index) in znxxxtList" :key="index" style="font-size: 12px;"
                                                @click="znxxxtSearch(i)">
                                                {{i.name}}</li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </el-submenu>
                    <el-menu-item index="2">会员</el-menu-item>
                    <el-menu-item index="3">套餐</a></el-menu-item>
                    <el-menu-item index="4">合作</a></el-menu-item>

                </el-menu>
                <div class="user_box" id="user_box">
                    <div v-if="isLogin">
                        <el-dropdown trigger="click">
                            <span class="el-dropdown-link">
                                <img :src="HeadImageUrl" alt=""
                                    style="width: 33px;height: 33px; vertical-align: middle;margin-right: 8px;">
                                {{nickname}}<i class="el-icon-arrow-down el-icon--right"></i>
                            </span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item icon="el-icon-user" @click.native="goUser">个人中心</el-dropdown-item>
                                <el-dropdown-item icon="el-icon-layout"
                                    @click.native="layoutLogin">退出登录</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </div>
                    <div v-else @click="login"><img src="../image/index/user.png" alt=""
                            style="width: 22px;vertical-align: middle;"> <a href="./login.html">登录</a>/ <a
                            href="./register.html">注册</a> </div>
                </div>
            </div>
        </header>
        <!-- content height: calc(100vh - 114px);
        overflow-y: scroll;-->
        <div style="margin: auto;min-height: 1050px;">
            <div class="zixun">
                <div @click="()=>dialogWxzxVisiable=true"> <img src="../image/qqyxk/weixin.png" alt="">
                    <p>微信咨询</p>
                </div>
                <div @click="()=>dialogGxsjVisiable=true">
                    <img src="../image/qqyxk/shujuyuan.png" alt="">
                    <p>数据源更新</p>
                </div>
                <div style="border: 0;" @click="goTop">
                    <img src="../image/qqyxk/goTop.png" alt="">
                    <p>返回顶部</p>
                </div>
            </div>
            <div class="content" style="display: inline-block;margin-left: 18%;">
                <div class="select" style="padding: 0 20px;">
                    <div style="display: inline-block;" class="select0">
                        <el-select ref="selectModel0" v-model="yuanxiao[0]" placeholder="请选择" @change="yuanxiao0Change">
                            <el-option v-for="item in headerList" :key="item.id" :label="item.name+'院校库'"
                                :value="item.id">
                            </el-option>
                        </el-select>
                    </div>
                    <div style="display: inline-block;" class="select1">
                        <el-select v-model="yuanxiao[1]" placeholder="请选择" @change="yuanxiao1Change" ref="selectModel1">
                            <el-option v-for="item in universityItems" :key="item.id" :label="item.name+'院校库'"
                                :value="item.id">
                            </el-option>
                        </el-select>
                    </div>
                    <!-- <el-cascader ref="cascaderArr" v-model="yuanxiao" :options="headerList" @change="handleChangeYxk"
                    :show-all-levels="false"
                    :props="{ label: 'name',value:'id',children:'universityItems'}"></el-cascader> -->
                </div>
                <div>
                    <div v-for="(item,index) in yuanxiaoList" :key="index">
                        <div class="item">
                            <div class="num"
                                :style="index==0?'background-image:url(../image/qqyxk/top1.png)':index==1?'background-image:url(../image/qqyxk/top2.png)':index==2?'background-image:url(../image/qqyxk/top3.png)':''">
                                TOP </br> {{index+1}}
                            </div>
                            <div class="paiming" v-if="yuanxiao[1]=='Z01001'">
                                <p>{{item.itemUSnewRank}}</p>
                                <div>USNew 排名</div>
                            </div>
                            <div class="paiming" v-else>
                                <p>{{item.itemQSRank}}</p>
                                <div>QS 排名</div>
                            </div>
                            <div class="xuexiao">
                                <div class="xy">
                                    {{item.itemChineseName}}
                                    <div class="kxzy"><img src="../image/qqyxk/kxzy.png" alt="">
                                        可选专业({{item.itemMajorTotalCount}})</div>
                                </div>
                                <div class="english">{{item.itemEnglishName}}</div>
                                <div class="thanks">感谢麻省理工学院招生办李玉明老师提供数据支持</div>
                            </div>
                            <div class="zhuanyeshu">
                                <!-- <p>专业数({{item.itemMajorTotalCount}})</p> -->
                                <div>{{item.itemEsShortName}}</div>
                            </div>
                            <div class="dingwei">
                                <div> <img class="dw" src="../image/qqyxk/dingwei.png" alt="">
                                    <span>{{item.itemCountry}}</span>
                                </div>

                                <img v-if="!item.isZhankai" class="zhankai" src="../image/qqyxk/zhankai.png" alt=""
                                    @click="zhankai(index,item)">
                                <img v-else class="zhankai" src="../image/qqyxk/shouqi.png" alt=""
                                    @click="shouqi(index)">
                            </div>
                        </div>
                        <div class="zhankaiContent" v-if="item.isZhankai">
                            <div class="zkContent">
                                <div class="title">学院列表（6）</div>
                                <div class="itemContent">
                                    <div class="item" v-for="(item1,index) in item.xueyuanList.slice(0, sliceLength)"
                                        :key="index" :class="[activeXueyuanIndex==index?'activeXueyuan':'']"
                                        @click="xueyuanClick(index,item,item1)">
                                        {{item1.itemChineseName}}</div>
                                </div>
                                <div v-if="item.xueyuanList.length>=8" class="moreXy"
                                    @click="()=>sliceLength=item.xueyuanList.length"
                                    :style="sliceLength==item.xueyuanList.length?'color:#eee':''">更多学院</div>
                            </div>
                            <div class="zkContent" v-if="activeXueyuanIndex!=-1">
                                <div class="title">专业列表（6）</div>
                                <el-collapse accordion>
                                    <el-collapse-item v-for="(item2,index2) in  zhuanyeList" :key="index2">
                                        <template slot="title">
                                            <div class="zyitem">
                                                <div class="yingwen">
                                                    <div>{{item2.itemEnglishName}}</div>
                                                    <p>学制{{item2.itemEduYears}} | 学费:{{item2.itemEduCost}}</p>
                                                </div>
                                                <div class="zhuanye">{{item2.itemChineseName}}</div>
                                                <div class="lianjie" @click.stop="showCollapse">
                                                    <a :href="item2.itemWebSite" target="_blank"><img
                                                            src="../image/qqyxk/lianjie.png" alt=""
                                                            style="color: #0094FF;"> 链接</a>
                                                </div>
                                                <div class="shoucang">
                                                    <div @click.stop="showCollapse">
                                                        <img src="../image/qqyxk/shoucang.png" alt=""
                                                            @click="shoucang(index2)" v-if="!item2.isShoucang">
                                                        <img v-else src="../image/qqyxk/shoucangactive.png" alt=""
                                                            @click="cancelShoucang(index2)">
                                                        <span>收藏</span>
                                                    </div>
                                                    <img src="../image/qqyxk/zhankai.png" alt="" class="shouqi">
                                                </div>
                                            </div>
                                        </template>
                                        <div class="zyZKContent">
                                            <p>申请要求</p>
                                            <div>{{item2.itemApplyRequire}}</div>
                                        </div>
                                    </el-collapse-item>
                                </el-collapse>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="searchContent" style="float: none;vertical-align: top;display: inline-block;">
                <div>
                    <div class="stitle">
                        <div>院校排名范围</div> <span @click="()=>yxSortRangShow = !yxSortRangShow" class="xiangxi">详细 <img
                                src="../image/qqyxk/yxZk.png" alt=""></span>
                    </div>
                    <div v-if="yxSortRangShow">
                        <el-input size="mini" placeholder="请输入院校名称" prefix-icon="el-icon-search" v-model="yuanxianName"
                            @input="yuanxianNameInput"></el-input>
                        <el-radio-group v-model="checkAll" style="margin-top: 8px;width:100%" @input="radioGroup">
                            <div v-for="(item,index) in yxSortRang" :key="index">
                                <div class="stitle" style="margin-bottom: 0;">
                                    <el-radio style="margin-bottom: 12px;width:100%" :label="item.name">
                                        <div style="display: inline-block;width: 87%;" @click="yxRangDetail(index)">
                                            <span>{{item.name}}</span>
                                            <span class="xiangxi" style="float: right;" v-if="index!=0">详细 <img
                                                    src="../image/qqyxk/yxZk.png" alt="">
                                        </div>
                                    </el-radio>

                                </div>
                                <el-checkbox-group v-model="checkedSort" @change="handleCheckedItemsChange"
                                    v-if="index==yxActiveIndex?true:false" style="margin-left: 20px;">
                                    <el-checkbox v-for="(item,index) in yxSort" :label="item.itemOnlyCode"
                                        :key="index">QS{{item.itemQSRank}}{{item.itemChineseName}}</el-checkbox>
                                </el-checkbox-group>
                            </div>
                        </el-radio-group>
                    </div>
                </div>
                <div>
                    <div class="stitle">
                        <div>意向领域</div> <span class="xiangxi" @click="()=>yxlyShow=!yxlyShow">详细 <img
                                src="../image/qqyxk/yxZk.png" alt=""></span>
                    </div>
                    <div v-if="yxlyShow">
                        <el-input size="mini" placeholder="请输入专业" prefix-icon="el-icon-search" v-model="zhuanyeName"
                            style="margin-bottom: 13px;"></el-input>
                        <!-- <el-radio label="">不限</el-radio>
                        <el-checkbox-group v-model="checkedSort" @change="handleCheckedItemsChange"
                            v-if="index==yxActiveIndex?true:false" style="margin-left: 20px;">
                            <el-checkbox style="margin-bottom: 7px;" v-for="(item,index) in yxlyOptions"
                                :key="index">{{item.text}}</el-checkbox>
                        </el-checkbox-group> -->
                        <div style="margin-bottom: 7px;" v-for="(item,index) in yxlyOptions" :key="index">
                            <el-radio :label="index">{{item.text}}</el-radio>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="stitle">
                        <div>要求工作经验</div>
                    </div>

                    <div style="margin-bottom: 7px;">
                        <el-radio v-for="(item,index) in zhuanyeOptions" :key="index" v-model="workexper"
                            :label="item.text">{{item.text}}</el-radio>
                    </div>
                </div>
                <div>
                    <div class="stitle">
                        <div>要求GRE或GMAT</div>
                    </div>
                    <div style="margin-bottom: 7px;">
                        <el-radio v-model="grescore" v-for="(item,index) in zhuanyeOptions" :key="index"
                            :label="item.text">{{item.text}}</el-radio>
                    </div>
                </div>
                <div style="border: 0;">
                    <div class="stitle">
                        <div>雅思总分要求</div> <span class="xiangxi" @click="()=>yasiShow=!yasiShow">详细 <img
                                src="../image/qqyxk/yxZk.png" alt=""></span>
                    </div>
                    <div style="margin-bottom: 7px;" v-for="(item,index) in yasiOptions" :key="index" v-if="yasiShow">
                        <el-radio v-model="ietlscore" :label="item.text">{{item.text}}</el-radio>
                    </div>
                    <el-button type="primary" size="small" style="width: 100%;margin-top: 7px;"
                        @click="search">立即查询</el-button>
                </div>
            </div>
        </div>
        <!-- footer -->
        <footer>2023-2024 非攻留学大数据 版权所有 feigongdata.com 浙ICP备2024101258号-1</footer>
        <div class="dialog" v-if="dialogWxzxVisiable">
            <div class="dcontent">
                <img src="../image/close.png" alt="" style="width: 20px;position: absolute;top: 20px;right: 20px;"
                    @click="()=>dialogWxzxVisiable=false">
                <div class="dtop">
                    <img src="../image/wxzx.png" alt="" style="height: 80%;">
                </div>
                <div class="dbtm"></div>
                <div class="cont">
                    <img src="../image/member/ewm.png" alt="" style="width: 142px;margin-top: 33px;">
                    <div style="font-size: 13px;margin-top: 8px;">大李-非攻留学选校系统</div>
                    <div
                        style="font-size: 13px;line-height: 35px;text-align: center;
                        color: #0094FF;width: 287px; height: 35px;background: rgba(0,148,255,0.1);border-radius: 5px 5px 5px 5px;margin:33px auto 0;">
                        扫码添加专属客服微信号，领取专属福利~</div>
                </div>
            </div>
        </div>
        <div class="dialogSjy" v-if="dialogGxsjVisiable">
            <div class="dcontent" style="width: 483px;height: 397px;">
                <img src="../image/close1.png" alt="" style="width: 20px;position: absolute;top: 20px;right: 20px;"
                    @click="()=>dialogGxsjVisiable=false">
                <img src="../image/sjy.png" alt="" style="width: 108px;position: absolute; top:52px;right: 8px;">
                <div style="font-size: 20px;">数据源更新日志</div>
                <div style="font-size: 12px;width: 82%;
                color: #999999;margin-top: 14px;">如果您在使用过程中发现院校数据不正确，可随时提交相关的正确数据，我们将万分感谢您的反馈与支持。
                    我们致力于提供最准确和最新的教育信息，因此您的每一条建议都是我们改进服务的宝贵资源。</div>
                <table cellspacing="0">
                    <thead style="background-color: #0D6EED;">
                        <tr>
                            <th>序号</th>
                            <th>更新时间</th>
                            <th>更新内容</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="i in 6">
                            <td>0{{i}}</td>
                            <td>2025年1月21日</td>
                            <td>更新英国数据库v1.1</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</body>
<script>
    var app = new Vue({
        mixins: [myMixin],
        el: "#app",
        data() {
            return {
                dialogWxzxVisiable: false,
                dialogGxsjVisiable: false,
                sliceLength: 8,
                activeIndex: '1',
                activenavliIndex: 0,
                titleList: ['会员', '套餐', '合作'],
                isLogin: false,
                tabactiveIndex: 0,
                activeXueyuanIndex: -1,
                yuanxiao: [],
                yuanxianName: '',
                zhuanyeName: '',
                yasiShow: true,
                options: [{
                    value: '欧洲院校库',
                    label: '欧洲院校库',
                    children: [
                        {
                            value: '荷兰院校库',
                            label: '荷兰院校库',
                        },
                        {
                            value: '意大利院校库',
                            label: '意大利院校库',
                        },
                        {
                            value: '西班牙院校库',
                            label: '西班牙院校库',
                        }, {
                            value: '丹麦院校库',
                            label: '丹麦院校库',
                        }, {
                            value: '法国院校库',
                            label: '法国院校库',
                        }, {
                            value: '德国院校库',
                            label: '德国院校库',
                        }, {
                            value: '比利时院校库',
                            label: '比利时院校库',
                        }, {
                            value: '瑞典院校库',
                            label: '瑞典院校库',
                        }, {
                            value: '芬兰院校库',
                            label: '芬兰院校库',
                        }]
                },
                {
                    value: '北美院校库',
                    label: '北美院校库',
                    children: [{
                        value: '美国院校库',
                        label: '美国院校库',
                    }, {
                        value: '加拿大院校库',
                        label: '加拿大院校库',
                    }]
                },
                {
                    value: '英爱院校库',
                    label: '英爱院校库',
                    children: [{
                        value: '英国院校库',
                        label: '英国院校库'
                    }, {
                        value: '爱尔兰院校库',
                        label: '爱尔兰院校库'
                    }]
                },
                {
                    value: '澳新院校库',
                    label: '澳新院校库',
                    children: [{
                        value: '澳大利亚院校库',
                        label: '澳大利亚院校库'
                    }, {
                        value: '新西兰院校库',
                        label: '新西兰院校库'
                    }]
                }, {
                    value: '港新院校库',
                    label: '港新院校库',
                    children: [{
                        value: '香港院校库',
                        label: '香港院校库'
                    }, {
                        value: '新加坡院校库',
                        label: '新加坡院校库'
                    }]
                }, {
                    value: '东南亚院校库',
                    label: '东南亚院校库',
                    children: [{
                        value: '马来西亚院校库',
                        label: '马来西亚院校库'
                    }]
                }],
                xueyuanList: [
                    '建筑及城市规划学院',
                    '工程学院',
                    '人文及社会科学学院',
                    '阿尔佛雷德·P·斯隆管理学院',
                    '理学院',
                    '施瓦茨曼计算机学院',
                    '施瓦茨曼计算机学院',
                    '施瓦茨曼计算机学院'
                ],
                yuanxiaoList: [{ index: 0 }, { index: 1 }, { index: 2 }, { index: 3 }],
                zhuanyeList: [{ index: 0 }, { index: 1 }, { index: 2 }, { index: 3 }],
                yxSort: ['QS8哈弗大学', 'QS17麻省理工', 'Q36香港中文大学'],
                yxSortRang: [{ name: '不限', xiangxi: false }, { name: 'QS50以内', xiangxi: false }, { name: 'QS51~100', xiangxi: false }, { name: 'QS101~150', xiangxi: false }, { name: 'QS150以上', xiangxi: false }],
                yxSortRangShow: true,
                checkAll: '不限',
                checkedSort: [],
                yxActiveIndex: -1,
                isIndeterminate: true,
                yxlyOptions: [
                    {
                        text: '不限',
                        value: ''
                    },
                    {
                        text: '哲学',
                        value: '哲学'
                    },
                    {
                        text: '电子电气',
                        value: '电子电气'
                    },
                    {
                        text: '金融',
                        value: '金融'
                    },
                    {
                        text: '法学',
                        value: '法学'
                    }
                ],
                grescore: '不限',
                workexper: '不限',
                zhuanyeOptions: [
                    {
                        text: '不限',
                        value: ''
                    },
                    {
                        text: '是',
                        value: '是'
                    },
                    {
                        text: '否',
                        value: '否'
                    },
                ],
                yasiOptions: [
                    {
                        text: '不限',
                        value: '不限'
                    },
                    {
                        text: '7.0-7.5',
                        value: '7.0-7.5'
                    },
                    {
                        text: '6.0-6.5',
                        value: '6.0-6.5'
                    },
                ],
                ietlscore: '不限',
                yuanxiao0Index: 0,
                universityItems: [],
                universityId: [],
                yxlyShow: true,
                yuanxiaoListCopy: []
            }
        },
        mounted() {
            if (new URL(document.URL).searchParams.get("id")) {
                this.yuanxiao = JSON.parse(new URL(document.URL).searchParams.get("id"))
                setTimeout(() => {
                    if (this.headerList.length) {
                        this.yuanxiao0Index = this.headerList.findIndex(i => i.id == this.yuanxiao[0])
                        console.log('this.yuanxiao0Index', this.yuanxiao0Index);
                        this.universityItems = this.headerList[this.yuanxiao0Index].universityItems
                        console.log('this.universityItems', this.universityItems);
                    }
                    this.getyuanxiaoList()
                }, 1000)
            }
        },
        methods: {
            yxRangDetail(index) {
                if (this.yxActiveIndex == index) {
                    this.yxActiveIndex = -1
                } else if (index != 0) {
                    this.yxActiveIndex = index
                }
                this.shaixuanYxSortRang(index)
                // this.$set(this.yxSortRang, index, { ...this.yxSortRang[index], xiangxi: !this.yxSortRang[index].xiangxi })
            },
            getyuanxiaoList() {
                http('basicdata/queryuniversitylist?querycode=' + this.yuanxiao[1], 'post').then(res => {
                    console.log(JSON.parse(Decrypt(res.data)));
                    let data = JSON.parse(Decrypt(res.data))
                    if (data.length <= 0) {
                        location.href = './qqyxkError.html?id=' + JSON.stringify(this.yuanxiao)
                    }
                    this.yuanxiaoList = data
                    this.yuanxiaoListCopy = this.yuanxiaoList.slice()
                })
            },
            radioGroup(e) {
                console.log(e);
                if (e == '不限') {
                    this.yxActiveIndex = -1
                }
                this.checkedSort = []
            },
            search() {
                console.log(this.checkAll);
                if (this.checkAll == '不限' && this.checkedSort.length == 0) {
                    console.log(1, this.checkedSort, this.yuanxiaoListCopy);
                    this.checkedSort = this.yuanxiaoListCopy.map(i => {
                        return i.itemOnlyCode
                    })
                    console.log(2, this.checkedSort, this.yuanxiaoListCopy);
                } else if (this.checkAll != '不限' && this.checkedSort.length == 0) {
                    this.checkedSort = this.yxSort.map(i => {
                        return i.itemOnlyCode
                    })
                }
                console.log('this.checkedSort', this.checkedSort);
                http('basicdata/queryunivlistfilt?querycode=' + this.yuanxiao[1], 'post', {
                    universityId: this.checkedSort, // 院校唯一编码列表 
                    masubjectid: '',
                    workexper: this.workexper,
                    grescore: this.grescore,
                    ietlscore: this.ietlscore
                }).then(res => {
                    console.log('queryunivlistfilt', JSON.parse(Decrypt(res.data)));
                    let data = JSON.parse(Decrypt(res.data))
                    this.yuanxiaoList = data
                })
            },
            yuanxianNameInput() {
                if (!this.yuanxianName) {
                    return
                }
                let result = this.yuanxiaoListCopy.filter(i => {
                    return i.itemChineseName.indexOf(this.yuanxianName) > -1
                })
                this.checkedSort = result.map(i => {
                    return i.itemOnlyCode
                })
                let Index50 = result.findIndex(i => {
                    console.log(Number(i.itemQSRank));
                    return Number(i.itemQSRank) <= 50
                })
                for (let i of result) {
                    if (Number(i.itemQSRank) <= 50) {
                        this.yxActiveIndex = 1
                    }
                    else if (Number(50 < i.itemQSRank) <= 100) {
                        this.yxActiveIndex = 2
                    }
                    else if (Number(100 < i.itemQSRank) <= 150) {
                        this.yxActiveIndex = 3
                    }
                    else if (Number(i.itemQSRank) > 150) {
                        this.yxActiveIndex = 4
                    }
                }
                this.shaixuanYxSortRang(this.yxActiveIndex)
            },
            shaixuanYxSortRang(index) {
                if (index == 0) {
                    this.yxSort = this.yuanxiaoListCopy
                }
                else if (index == 1) {
                    this.yxSort = this.yuanxiaoListCopy.filter(i => {
                        return Number(i.itemQSRank) <= 50
                    })
                }
                else if (index == 2) {
                    this.yxSort = this.yuanxiaoListCopy.filter(i => {
                        return 50 < Number(i.itemQSRank) && Number(i.itemQSRank) <= 100
                    })
                }
                else if (index == 3) {
                    this.yxSort = this.yuanxiaoListCopy.filter(i => {
                        return 100 < Number(i.itemQSRank) && Number(i.itemQSRank) <= 150
                    })
                }
                else if (index == 4) {
                    this.yxSort = this.yuanxiaoListCopy.filter(i => {
                        return Number(i.itemQSRank) > 150
                    })
                }
                console.log('this.yuanxiaoListCopy', index, this.yuanxiaoListCopy);
            },
            unavclcik(index) {
                console.log(index);
                this.activenavliIndex = index
            },
            tabClick(index) {
                this.tabactiveIndex = index
            },
            login() {
                window.location.href = './login.html'
            },
            goHome() {
                window.location.href = './index.html'
            },
            goUser() {
                window.location.href = './user.html'
            },
            handleChangeYxk(e) {
                const checkedNode = this.$refs["cascaderArr"].getCheckedNodes();
                console.log(1111, checkedNode[0].label);  //获取当前点击节点的label值
                this.qqyxkChildTitle = checkedNode[0].label
                // console.log(checkedNode[0].pathLabels);  //获取由label组成的数组
                console.log(e);
                this.yuanxiao = e
                this.getyuanxiaoList()
            },
            yuanxiao0Change(e) {
                this.$refs.selectModel0.focus()
                this.yuanxiao[0] = e
                this.yuanxiao0Index = this.headerList.findIndex(i => i.id == this.yuanxiao[0])
                this.universityItems = this.headerList[this.yuanxiao0Index].universityItems
                this.$nextTick(() => {
                    this.$refs.selectModel1.toggleMenu();
                    // this.$set(this.yuanxiao, 0, this.universityItems[0]);
                    // this.yuanxiao.splice(1, 1, this.universityItems[0].id)
                    // this.getyuanxiaoList()
                })
            },
            yuanxiao1Change(e) {
                this.yuanxiao[1] = e
                this.getyuanxiaoList()
            },

            zhankai(index, item) {
                console.log(index);
                this.$set(this.yuanxiaoList, index, { ...this.yuanxiaoList[index], isZhankai: true })
                http('basicdata/querycollegelist?querycode1=' + this.yuanxiao[1] + '&querycode2=' + item.itemOnlyCode, 'post').then(res => {
                    console.log(JSON.parse(Decrypt(res.data)));
                    let data = JSON.parse(Decrypt(res.data))
                    this.$set(this.yuanxiaoList, index, { ...this.yuanxiaoList[index], xueyuanList: data })
                })
            },
            shouqi(index) {
                this.$set(this.yuanxiaoList, index, { ...this.yuanxiaoList[index], isZhankai: false })
            },
            xueyuanClick(index, item, item1) {
                this.activeXueyuanIndex = index
                http('basicdata/querymajorlist?querycode1=' + this.yuanxiao[1] + '&querycode2=' + item.itemOnlyCode + '&querycode3=' + item1.itemOnlyCode, 'post').then(res => {
                    console.log(JSON.parse(Decrypt(res.data)));
                    let data = JSON.parse(Decrypt(res.data))
                    // this.$set(this.yuanxiaoList, index, { ...this.yuanxiaoList[index], xueyuanList: data })
                    this.zhuanyeList = data
                })
            },
            shoucang(index) {
                this.$set(this.zhuanyeList, index, { ...this.zhuanyeList[index], isShoucang: true })
            },
            cancelShoucang(index) {
                this.$set(this.zhuanyeList, index, { ...this.zhuanyeList[index], isShoucang: false })
            },
            handleCheckedItemsChange(value) {
                console.log(value);
                // let checkedCount = value.length;
                // this.checkAll = checkedCount === this.yxSort.length;
                // this.isIndeterminate = checkedCount > 0 && checkedCount < this.yxSort.length;
            },
            goTop() {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            }
        }
    })
</script>
<style>
    .el-cascader .el-input .el-input__inner {
        border: 0;
    }
</style>

</html>